<template>
	<view class="order-logistics">
		<view class="order-logistics-top">
			<commodity-item :shopItem="shopItem"></commodity-item>
		</view>
		<view class="order-logistics-id">
			圆通速递 M00043929384938 
		</view>
		<view class="">
			<uni-steps :data="logistics" direction="column"></uni-steps>
		</view>
	</view>
</template>

<script>
	import commodityItem from 'components/commodity-item.vue'
	import uniSteps from 'components/uni-steps.vue'
	
	export default {
		components: {
			commodityItem,
			uniSteps
		},
		data() {
			return {
				shopItem: {
					imgURL: "/static/img/index1/u131.jpg",
					title: "「鹿语」黄铜印章 | 君子之风，雅致之礼 | 手工器物，古法铸造",
					price: 288.00,
					piece: 1
				},
				logistics:[
					{
						title:"2018-11-05 03:08",
						desc:"深圳转运中心公司 已发出, 下一站 济南运转中心",
						tag:""
					},
					{
						title:"2018-11-05 03:08",
						desc:"深圳转运中心公司 已收入",
						tag:""
					},
					{
						title:"2018-11-05 00:44",
						desc:"广东省深圳市宝安区固戍公司 已发出, 下一站 深圳转运中心",
						tag:""
					},
					{
						title:"2018-11-03 03:08",
						desc:"广东省深圳市宝安区固戍公司 已打包",
						tag:""
					},
					{
						title:"2018-11-01 11-05 03:08",
						desc:"广东省深圳市宝安区固戍二部公司 已收件",
						tag:"已揽件"
					},
					{
						title:"2018-10-30 11-05 03:08",
						desc:"快递公司接单",
						tag:"已发货"
					},
					{
						title:"2018-10-30 10-05 03:08",
						desc:"包裹正在等待揽收",
						tag:""
					}
				]
			}
		},
	}
</script>

<style lang="scss">
	
	.order-logistics{
		font-size: 14px;
		color: #666666;
		box-sizing: border-box;
	
		.order-logistics-top{
			margin-top: 20upx;
		}
		
		.order-logistics-id {
			padding: 10upx;
		}
		
		
		
	}
	
</style>
